<template>
	<view class="content">
		<view class="nav">
			<image src="http://q79q98ocd.bkt.clouddn.com/back.png" @click="toBuy()"></image>
			报价
		</view>
		<view class="offer">
			<view class="offers">
				<view class="title">报价</view>
				<input class="inputs" type="number" placeholder="请输入报价" />
			</view>
			<view class="offers">
				<view class="title titles">其他要求</view>
				 <textarea class="textarea" placeholder="请补充说明其他要求" />
			</view>
			<view class="offers">
				<view class="title titles">上传商品图片/视频</view>
				 <image src="../../../static/img/photos.png" class="photo"></image>
			</view>
		</view>
		<view class="affirmOffer">
			<view class="affirm">确认报价</view>
		</view>
	</view>
</template>

<script>
export default{
	data(){
		return{
			
		}
	},
	methods:{
		toBuy(){
			uni.reLaunch({
				url: 'buydating'
			});
		},
	}
}
</script>

<style lang="scss">
.content{
	.nav{
		padding: 70upx 0 10upx 0;
		text-align: center;
		position: relative;
		border-bottom: #F00;
		font-size:36upx;
		font-weight:500;
		color: #333;
		image{
			width: 35upx;
			height: 35upx;
			vertical-align: middle;
			position: absolute;
			left: 30upx;
			bottom: 16.5upx;
		}
	}
	.offer{
		.offers{
			overflow: hidden;
			padding: 25upx 30upx ;
			border-bottom: 1px solid #F9F9F9;
			.title{
				float: left;
				width: 150upx;
				line-height: 38upx;
				font-size: 30upx;
				color: #333;
			}
			.inputs{
				font-size: 26upx;
				color: #999;
			}
			.titles{
				width: 300upx;
				float: none;
			}
			.textarea{
				background-color: #F2F2F2;
				width: calc(92%-31upx);
				height: 176upx;
				color: #999;
				font-size: 26upx;
				padding: 29upx 0 0 31upx;
				margin-top: 20upx;
			}
			.photo{
				width: 140upx;
				height: 140upx;
				margin-top: 40upx;
			}
		}
	}
	.affirmOffer{
		height: 840upx;
		background-color: #F6F6F6;
		padding: 60upx 0;
		
		.affirm{
			width: 92%;
			height: 98upx;
			margin: 0 auto;
			color: #fff;
			font-size: 36upx;
			text-align: center;
			background-color: #55C57D;
			border-radius: 49upx;
			line-height: 98upx;
		}
	}
}
</style>
